<template>
  <div class="Logo tw-flex q-pa-md tw-items-center" style="gap: 20px">
    <q-avatar size="50px">
      <svg
        t="1738746274737"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="8478"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        width="50px"
        height="50px"
      >
        <path
          d="M864 480m-32 0a32 32 0 1 0 64 0 32 32 0 1 0-64 0Z"
          fill="#0d6fd1"
          p-id="8479"
        ></path>
        <path
          d="M984.704 431.04a381.984 381.984 0 0 0-73.728-72.672 408.544 408.544 0 0 0-143.648-68.256c-18.048-61.376-78.08-103.424-134.88-119.04C605.28 163.616 575.616 160 541.76 160c-32.032 0-63.552 3.136-98.432 6.912a31.968 31.968 0 0 0-20.96 52.512 267.36 267.36 0 0 1 46.816 79.712 561.632 561.632 0 0 0-228.544 116.992c-45.472-53.984-109.728-92.992-181.088-109.12A31.936 31.936 0 1 0 26.176 356.48c63.296 91.104 55.424 223.488-18.272 307.904a32.032 32.032 0 0 0 20.704 52.864c89.44 9.536 179.424-39.232 221.856-112.512 2.112 1.6 4.16 3.168 6.208 4.64 19.328 14.816 40 28.8 63.36 42.816a670.528 670.528 0 0 0 194.784 76.928 134.944 134.944 0 0 1-50.72 74.08 32.032 32.032 0 0 0 13.216 57.44c12.672 2.24 25.76 3.36 38.912 3.36 60.352 0 120.864-24.128 161.92-64.576 8.512-8.384 16.32-17.504 24.096-26.656 12.032-14.144 23.424-27.52 36.768-35.936 15.296-9.664 35.52-14.08 56.928-18.784 8.384-1.824 16.736-3.68 24.832-5.76 46.656-12.032 90.752-33.6 125.92-61.216 7.2-4.928 14.048-10.88 20.608-16.768l2.88-2.432c30.56-28.16 47.744-56.32 52.48-86.08 5.696-35.968-7.072-74.56-37.952-114.752z m-57.28 153.184a162.944 162.944 0 0 0-2.496 2.112c-4.704 4.224-9.376 8.48-16 13.12a285.216 285.216 0 0 1-104.192 50.88c-7.392 1.92-14.944 3.52-22.496 5.184-24.64 5.408-52.576 11.52-77.408 27.2-21.568 13.6-37.408 32.192-51.36 48.608-6.528 7.68-13.088 15.456-20.224 22.528-20.416 20.064-47.744 34.528-77.248 41.472 16.224-27.488 25.664-58.656 26.688-90.592a32 32 0 0 0-26.368-32.576 607.744 607.744 0 0 1-203.52-74.944 607.68 607.68 0 0 1-57.76-39.04c-11.52-8.448-23.52-18.24-35.616-29.056a32 32 0 0 0-52.096 15.04c-13.856 48.288-58.688 88.416-110.944 103.68a321.792 321.792 0 0 0 20.896-250.88c37.44 20.736 69.76 49.92 92.064 84.192a31.968 31.968 0 0 0 49.28 5.344 451.552 451.552 0 0 1 61.12-50.656 497.024 497.024 0 0 1 195.648-81.152 32 32 0 0 0 25.536-38.72 326.336 326.336 0 0 0-36.224-90.56c40.8-2.784 79.936-1.088 110.816 7.36 41.376 11.392 88.064 43.616 92.8 87.488a32 32 0 0 0 25.664 27.936c50.08 9.856 98.048 31.104 138.656 61.408a318.208 318.208 0 0 1 61.344 60.48c19.744 25.664 28.288 47.776 25.44 65.696-2.336 14.72-13.312 31.232-32 48.448z"
          fill="#0d6fd1"
          p-id="8480"
        ></path>
        <path
          d="M792.192 561.088c-8.608-3.328-16.608-14.656-19.936-28.16-3.68-15.04-1.824-32.928 4.736-45.568a16 16 0 0 0-28.416-14.72c-10.08 19.424-12.896 45.44-7.36 67.936 5.856 23.872 20.928 43.2 39.36 50.336a16 16 0 0 0 11.584-29.824z"
          fill="#0d6fd1"
          p-id="8481"
        ></path>
      </svg>
    </q-avatar>
    <h1 class="text-h5 tw-text-primary">Salt Fish</h1>
  </div>
</template>
<script>
import { defineComponent } from 'vue';
export default defineComponent({
  name: 'ZLogo',
  setup() {
    return {};
  },
});
</script>
<style scoped lang="scss">
.Logo {
  color: rgb(5, 23, 59);
}
</style>
